﻿/* ĐỊNH DẠNG MÀN HÌNH XUẤT RA KHI IN
----------------------------------------------------------------------*/
table.print { display: none; } /* KHÔNG XUẤT HIỆN KHI IN */ 

body {  }

h1, h2, h3 { font-family: Times New Roman; }
h2 { font-weight: bold; }

.center { text-align: center; }

.fl { float: left; }
.fr { float: right; }

table.print { } 
table.print input[type='button'] { width: 100px; text-align: center; }
table.print { text-align: left; } 
table.print, table.report, p.notes, p.details, table.notes, table.block { font-family: Verdana; font-size: 12px; }

p.notes, p.details { line-height: 20px; }

table.report, table.notes { border: 1px solid #828282; }
table.summary { min-width: 250px; }
table.notes { width: 150px; }
/* COLOR
----------------------------------------------------------------------*/
table tr.green, table.green { background-color: Green; color: White; }
table tr.yellow, table.yellow { background-color: Yellow; }
table tr.darkcyan, table.darkcyan { background-color: #008B8B; color: White; }
/* HIỂN THỊ THEO DẠNG BLOCK
----------------------------------------------------------------------*/
.block-container { width: 900px; }
table.block { width: 250px; margin: 0 50px 20px 0; }

table.report th, table.report td, table.block td  { border: 1px dotted #CCCCCC; padding: 0.5em; }
table.notes td {  padding: 0.5em; }

table.report td.left { text-align: left; }
table.report td.center { text-align: center; }
table.report td.right { text-align: right; }

table.report thead th.customer { width: 220px; }
table.report thead th.area { width: 100px; }
table.report thead th.order { width: 100px; }